@-webkit-keyframes floating {
	0% {
		top: 25%;
	}
	50% {
		top: 27%;
	}
	100% {
		top: 25%;
	}
}
@-moz-keyframes floating {
	0% {
		top: 25%;
	}
	50% {
		top: 27%;
	}
	100% {
		top: 25%;
	}
}
@keyframes floating {
	0% {
		top: 25%;
	}
	50% {
		top: 27%;
	}
	100% {
		top: 25%;
	}
}

@-webkit-keyframes pointing {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		transform: scale(0.95);
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}
@-moz-keyframes pointing {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		transform: scale(0.95);
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}
@keyframes pointing {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(0.95);
		-moz-transform: scale(0.95);
		transform: scale(0.95);
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		transform: scale(1);
	}
}

@-webkit-keyframes fadein {
	0% {
		bottom: 2%;
		opacity: 0.2;
	}
	100% {
		bottom: 1%;
		opacity: 1;
	}
}
@-moz-keyframes fadein {
	0% {
		bottom: 2%;
		opacity: 0.2;
	}
	100% {
		bottom: 1%;
		opacity: 1;
	}
}
@keyframes fadein {
	0% {
		bottom: 2%;
		opacity: 0.2;
	}
	100% {
		bottom: 1%;
		opacity: 1;
	}
}

#superContainer {
	position: absolute;
	width: 100%;
	background-color: #000000;
}
.double-eleven {
	max-width: 600px;
	margin: 0 auto;
	background-color: #230f2f;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.double-eleven img.bkg {
	display: block;
	width: 100%;
}
.double-eleven .section .fp-tableCell {
	overflow: hidden;
	position: relative;
}
.double-eleven .first {
	background-color: #230f2f;
}
.double-eleven .first .fp-tableCell::after {
	content: "";
	position: absolute;
	bottom: 1%;
	left: 45.8%;
	z-index: 8;
	width: 8.4%;
	height: 1.5em;
	background: url(//m.ppdaicdn.com/act/huan/img/shuangshiyi/arrow_01.png?v=1) center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	-webkit-animation: fadein 1.4s infinite;
	-moz-animation: fadein 1.4s infinite;
	animation: fadein 1.4s infinite;
}
.double-eleven .first .bkg_01 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.double-eleven .first .head {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}
.double-eleven .first .money {
	position: absolute;
	top: 25%;
	left: 0;
	z-index: 2;
	-webkit-animation: floating 2.2s infinite;
	-moz-animation: floating 2.2s infinite;
	animation: floating 2.2s infinite;
}
.double-eleven .first .pkg {
	position: absolute;
	bottom: 30%;
	left: 5%;
	z-index: 3;
	width: 90%;
	margin-bottom: -46%;
}
.double-eleven .first .btn {
	position: absolute;
	bottom: 30%;
	left: 28.6%;
	z-index: 5;
	width: 43.2%;
	margin-bottom: -15.5%;
}
.double-eleven .first .hand {
	position: absolute;
	bottom: 30%;
	right: -2%;
	z-index: 6;
	width: 50%;
	margin-bottom: -46%;
	-webkit-animation: pointing 1s infinite;
	-moz-animation: pointing 1s infinite;
	animation: pointing 1s infinite;
}
.double-eleven .first .bkg_02 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
}
.double-eleven .first a {
	overflow: hidden;
	position: absolute;
	bottom: 30%;
	left: 28.6%;
	z-index: 7;
	width: 43.2%;
	margin-bottom: -15.5%;
	font-size: 0;
	background: transparent;
}
.double-eleven .first a::after {
	content: "";
	display: block;
	padding-top: 29.72%;
}
.double-eleven .second .fp-tableCell::after {
	content: "本次活动与Apple.Inc无关";
	position: absolute;
	bottom: 1%;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 14px;
	color: #6a5e8e;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
}
.double-eleven .second .bkg_01 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	height: 100%;
}
.double-eleven .second .bkg_01 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 0;
	height: 100%;
}
.double-eleven .second .process {
	position: absolute;
	top: 11%;
	left: 0;
	z-index: 1;
}
.double-eleven .second .process a {
	position: absolute;
	top: 8.8%;
	right: 6%;
	z-index: 1;
	width: 20%;
	height: 1.2em;
	background: transparent;
}
.double-eleven .second .marquee-container {
	position: absolute;
	top: 56%;
	/*bottom: 8.5%;*/
	left: 0;
	z-index: 1;
	width: 100%;
}
.double-eleven .second .marquee {
	overflow: hidden;
	position: absolute;
	top: 19.7%;
	left: 12.2%;
	width: 75%;
	height: 67.8%;
}
.double-eleven .second .marquee ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.double-eleven .second .marquee li {
	height: 30px;
	color: #4c2c56;
	text-align: center;
	font-size: 13px;
	line-height: 30px;
	white-space: nowrap;
}
.double-eleven-alert {
	display: none;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}
.double-eleven-alert.show {
	display: block;
}
.double-eleven-alert .alert_bkg {
	position: absolute;
	top: 50%;
	left: 18%;
	width: 64%;
	margin-top: -41.2%;
}
.double-eleven-alert a {
	position: absolute;
	top: 60.2%;
	left: 34%;
	width: 32%;
	margin-top: 10%;
	background: transparent;
}
.double-eleven-alert a::after {
	content: "";
	display: block;
	padding-top: 32.5%;
}
